@mixin clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin scrollBar {
  &::-webkit-scrollbar-track-piece {
    background: #d3dce6;
  }

  &::-webkit-scrollbar {
    width: 6px;
  }

  &::-webkit-scrollbar-thumb {
    background: #99a9bf;
    border-radius: 20px;
  }
}

@mixin borderShadow($radius: 6px, $shadow: 10px) {
  border-radius: $radius;
  border: 1px solid #e7e7e7;
  box-shadow: 0 2px $shadow 0 rgb(0 0 0 / 10%);
}

@mixin boxCenter() {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


@mixin relative {
  position: relative;
  width: 100%;
  height: 100%;
}
